<template>
	<div>
		<div class="index-hd">
            <div class="icon-box">
                <div></div>
                <img src="./assets/images/index/logo.png" style="width: 20%;height: 50px;">
                <loginAndcart></loginAndcart>
            </div>
            <div class="navbar-box">
                <h2 style="margin-left: 50px;">圣罗兰</h2>
                <navBar style="margin-right: 20px;"></navBar>
            </div>
        </div>
		<router-view></router-view>
	</div>
</template>

<script>
import loginAndcart from '@/components/loginAndcart.vue';
import navBar from '@/components/navBar.vue';
export default {
	name:"App",
	components:{
        loginAndcart,
        navBar
    }
}
</script>

<style>
.icon-box{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.navbar-box{
	display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.padding-item>div{
    padding: 20px 5%;
}
.padding-item h2{
    margin-right: 40px;
}
.padding-item span{
    color: #bbb;
}
.padding-txt{
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #bbb;
}
</style>